﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="UserProfile.aspx.cs" Inherits="University.Workshop.WebApp.UserProfile" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .label 
        {
            color: #999;
            font-weight: bold;
            text-align: left;
            width: 85px;
            height: 30px;
        }
        .data 
        {
            color: black;
            font-weight: normal;
            text-align: left;   
        }
        .info-row
        {
            border-bottom: 1px #EEEEEE solid;
            margin-bottom: 3px;
            margin-top: 3px;
        }
        .sector-info 
        {
            background-color: #4b6c9e; color: White; height: 20px; margin-bottom: 10px;
                text-align: left; font-weight: bold
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:MultiView runat="server" ID="MultiViewProfile">
        <asp:View ID="ProfileView" runat="server">
            <div id="userName" runat="server" style='background-color: #4b6c9e; color: White;
                height: 20px; margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 16px'>
                [UserName]
            </div>
            <div class="sector-info">&nbsp;
                Personal Information
            </div>
            <div>
                <table>
                    <tr>
                        <td style="vertical-align: top;">
                            <asp:Image ID="image1" runat="server" />
                        </td>
                        <td>
                        </td>
                        <td>
                        </td>
                        <td style="vertical-align: top;">
                            <table>
                                <tr>
                                    <td>
                                        <asp:Image ID="str" ImageUrl="Styles/star1.gif" Style="border-style: none; border-color: inherit;
                                            border-width: 0; float: left;" runat="server" Height="18px" Width="21px" />
                                        &nbsp;
                                        <asp:Label ID="nstars" runat="server" Font-Underline="true" Text="0"></asp:Label>
                                    </td>
                                    <td>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:Label ID="lbseller" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="3" colspan="2" style="vertical-align: top;">
                                        <asp:TextBox ID="feedback" runat="server" ReadOnly="true" Width="436px" Height="70"
                                            TextMode="MultiLine"></asp:TextBox>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
            <div runat="server" id="divPersonalInfo" style='height: 180px; margin-bottom: 10px;'>
                <asp:MultiView ID="MultiViewPersonalInfo" runat="server" ActiveViewIndex="0">
                    <asp:View ID="PersonalView" runat="server">
                        <div>
                            <table style='border-collapse:collapse; border:1 ;' align="left">
                                        <tr class="info-row" id="rowFirstName" runat="server">
                                            <td class="label">
                                                <asp:Label ID="LbFirstName" runat="server" Text="First Name: "></asp:Label>
                                            </td>
                                            <td class="data">
                                                <asp:Label ID="TbFirstName" runat="server" ReadOnly="true"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr class="info-row" id="rowLastName" runat="server">
                                            <td class="label">
                                                <asp:Label ID="LbLastName" runat="server" Text="Last Name: "></asp:Label>
                                            </td>
                                            <td class="data">
                                                <asp:Label ID="TbLastName" runat="server" ReadOnly="true"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr class="info-row" id="rowGender" runat="server">
                                            <td class="label">
                                                <asp:Label ID="LbGender" runat="server" Text="Gender: "></asp:Label>
                                            </td>
                                            <td class="data">
                                                <asp:Label ID="TbGender" runat="server" ReadOnly="true"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr style="margin-top: 3px;" id="rowBirthday" runat="server">
                                            <td class="label">
                                                <asp:Label ID="LbBirthday" runat="server" Text="Birthday: "></asp:Label>
                                            </td>
                                            <td class="data">
                                                <asp:Label ID="TbBirthday" runat="server" ReadOnly="true"></asp:Label>
                                            </td>
                                        </tr>
                                    </table>
                        </div>
                    </asp:View>
                    <asp:View ID="NoPersonalInfo" runat="server">
                    <div>
                        <h4>
                            <asp:Label ID="LbNoInfo1" Font-Size="Medium" runat="server" Text="The requested user does not allow to show his/her personal information"></asp:Label></h4>
                    </div>
                    </asp:View>
                </asp:MultiView>
            </div>
            <div class="sector-info">&nbsp;
                Contact Information
            </div>
            <div id="divContactInfo" runat="server" style='height: 180px; margin-bottom: 25px;'>
                <asp:MultiView ID="MultiViewContactInfo" runat="server" ActiveViewIndex="0">
                    <asp:View ID="ContactView" runat="server">
                    <div>
                        <table style='border-collapse:collapse; border:1 ;' align="left">
                            <tr class="info-row" id="rowPhone" runat="server">
                                <td class="label">
                                    <asp:Label ID="LbPhone" runat="server" Text="Phone: "></asp:Label>
                                </td>
                                <td class="data">
                                    <asp:Label ID="TbPhone" runat="server" ReadOnly="true"></asp:Label>
                                </td>
                            </tr>
                            <tr class="info-row" id="rowMobile" runat="server">
                                <td class="label">
                                    <asp:Label ID="LbMobile" runat="server" Text="Mobile Phone: "></asp:Label>
                                </td>
                                <td class="data">
                                    <asp:Label ID="TbMobile" runat="server" ReadOnly="true"></asp:Label>
                                </td>
                            </tr>
                            <tr class="info-row" id="rowDepartment" runat="server">
                                <td class="label">
                                    <asp:Label ID="LbDepartment" runat="server" Text="Department: "></asp:Label>
                                </td>
                                <td class="data">
                                    <asp:Label ID="TbDepartment" runat="server" ReadOnly="true"></asp:Label>
                                </td>
                            </tr>
                            <tr style="margin-top: 3px;" id="rowCity" runat="server">
                                <td class="label">
                                    <asp:Label ID="LbCity" runat="server" Text="City: "></asp:Label>
                                </td>
                                <td class="data">
                                    <asp:Label ID="TbCity" runat="server" ReadOnly="true"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                    </asp:View>
                    <asp:View ID="NoContacView" runat="server">
                    <div>
                        <h4>
                            <asp:Label ID="LbNoInfo2" Font-Size="Medium" runat="server" Text="The requested user does not allow to show his/her contact information"></asp:Label></h4>
                    </div>
                    </asp:View>
                </asp:MultiView>
            </div>
            <div style='margin-bottom: 10px; height: auto'>
                <asp:DataList runat="server" ID="dataList" CellPadding="2" CellSpacing="2" BorderStyle="Double"
                    BackColor="#e8e8e8" Width="100%" headerstyle-font-name=" Helvetica" HeaderStyle-Font-Size="10pt"
                    HeaderStyle-HorizontalAlign="center" HeaderStyle-Font-Bold="True" HeaderStyle-ForeColor="#000000"
                    ItemStyle-BackColor="#4b6c9e" ItemStyle-ForeColor="#ffffff" AlternatingItemStyle-BackColor="#ffffff"
                    AlternatingItemStyle-ForeColor="#000000">
                    <HeaderTemplate>
                        Products
                    </HeaderTemplate>
                    <ItemTemplate>
                        <h4>
                            <asp:Label ID="ProductNameLabel" runat="server" ForeColor="White" Text='<%# Eval("Name") %>' /></h4>
                        <table border="0">
                            <tr>
                                <td class="ProductPropertyLabel">
                                    Category:
                                </td>
                                <td>
                                    <asp:Label ID="lblCategory" runat="server" Text='<%# Eval("Category") %>' />
                                </td>
                                <td class="ProductPropertyLabel">
                                    Price:
                                </td>
                                <td>
                                    <asp:Label ID="lblPrice" runat="server" />
                                    <%# Eval("Price", "{0:0.00}")%>
                                    <%# Eval("Currency") %>
                                </td>
                            </tr>
                            <tr>
                                <td class="ProductPropertyLabel">
                                    Posted Date:
                                </td>
                                <td>
                                    <asp:Label ID="lblDate" runat="server" Text='<%# Eval("Postdate") %>' />
                                </td>
                            </tr>
                        </table>
                    </ItemTemplate>
                    <AlternatingItemTemplate>
                        <h4>
                            <asp:Label ID="ProductNameLabel" runat="server" ForeColor="Black" Text='<%# Eval("Name") %>' /></h4>
                        <table border="0">
                            <tr>
                                <td class="ProductPropertyLabel">
                                    Category:
                                </td>
                                <td>
                                    <asp:Label ID="lblCategory" runat="server" Text='<%# Eval("Category") %>' />
                                </td>
                                <td class="ProductPropertyLabel">
                                    Price:
                                </td>
                                <td>
                                    <asp:Label ID="lblPrice" runat="server" />
                                    <%# Eval("Price", "{0:0.00}")%>
                                    <%# Eval("Currency") %>
                                </td>
                            </tr>
                            <tr>
                                <td class="ProductPropertyLabel">
                                    Posted Date:
                                </td>
                                <td>
                                    <asp:Label ID="lblDate" runat="server" Text='<%# Eval("Postdate") %>' />
                                </td>
                            </tr>
                        </table>
                    </AlternatingItemTemplate>
                </asp:DataList>
            </div>            
            <h4><asp:Label ID="LblInformation" runat="server" Font-Size="Medium" Text="The requested user does not allow to show his/her products, or have not selected products to show">
                </asp:Label>
            </h4>
        </asp:View>
        <asp:View runat="server" ID="NoUserView">
        <div>
                <h4>
                    <asp:Label ID="LblNoUser" runat="server" Font-Size="Large" Text="The requested user doesn't exist">
                    </asp:Label></h4>
        </div>
        </asp:View>
    </asp:MultiView>
</asp:Content>
